﻿/* This allows for most incompatibilities between browsers to be erased.
 */
* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}


div#aac-header {
	padding-top: 50px;
	background: url('images/aac-header-gradient.png') #ACC357 repeat-x;
	border-bottom: 2px #515554 solid; 
	color: #fff;
}
div#aac-header div#interior {
	width: 60%;
	height: 100px;
	margin: auto;
	background: url('images/aac-header-interior-gradient.png') #ACC357 repeat-x;
	border: 2px #515554 solid;
	border-bottom: 0px;
}
div#aac-header div#interior div#title {
	padding-bottom: 20px;
	font-size: 32pt;
}
div#aac-header div#interior div#current-time {
	float: left;
	background-position: 1px 0px;
}
div#aac-header div#interior div#current-user {
	float: right;
}


div#aac-navigation {
	width: 60%;
	margin: auto;
	background-color: #515554;
	border: 2px #515554 solid;
	border-top: 0;
	text-align: center;
}
div#aac-navigation ul li {
	height: 30px;
	padding: 10px 10px 0 10px;
	background: url('images/aac-navigation-button.png') #ACC357 repeat-x;
	border-bottom: 3px #ACC357 solid;
	display: inline-block;
	list-style: none; 
}
div#aac-navigation ul li.active, div#aac-navigation ul li:hover  { border-bottom: 3px #FCF5BE solid; }
div#aac-navigation ul li a, div#aac-navigation ul li.active {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
div#aac-navigation ul li.active, div#aac-navigation ul li a:hover { color: #FCF5BE; }
div#aac-subnavigation { text-align: center; }
div#aac-subnavigation ul li {
	padding: 5px 10px 0 10px;
	display: inline-block;
	list-style: none; 
}
div#aac-subnavigation ul li a, div#aac-subnavigation ul li.active {
	border-bottom: 2px #ACC357 solid;
	color: #515554;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
div#aac-subnavigation ul li.active { border: 0; color: #E29966; }
div#aac-subnavigation ul li a:hover {
	border-bottom: 2px #E29966 solid;
	color: #E29966;
}


div#content {
	width: 60%;
	margin: auto;
	background-color: #EBEBEB;
	border: 2px #515554 solid;
	border-top: 0;
	color: #515554;
}

div#content a {
	color: #ACC357;
	font-weight: bold;
}
div#content a:hover { color: #E29966; }
